<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="checkbox" checked="checked" qhf="qhf" name="qhf"/>
	</body>
	<script type="text/javascript">
		var qhf = document.querySelector("input[type=checkbox]")
		
		/*操作qhf这个html标签的attribute*/
		qhf.setAttribute("checked","checked1")
		qhf.setAttribute("checked","checked2")
		qhf.setAttribute("checked","checked3")
		
		/*操作qhf这个js节点的property*/
		qhf.checked="checked4"
		qhf.checked="checked5"
		qhf.checked="checked6"
		
		/*
		布尔值属性：property是布尔值
		非布尔值属性：property是非布尔值
		
		checked 是“布尔值属性”，那么 qhf.checked="checked4" 应该改为
		qhf.checked=true;
		*/
	   
	   /*
	   下面讨论
	   非布尔值属性 property和attribute的同步问题
	   结论
	   非布尔值属性 property和attribute 会一直同步
	   */
	   // debugger
	   qhf.setAttribute("name","checked1")
	   qhf.setAttribute("name","checked2")
	   qhf.setAttribute("name","checked3")
	   
	   qhf.name="name4"
	   qhf.name="name5"
	   qhf.name="name6"
	   
	   qhf.setAttribute("name","checked7")
	   qhf.setAttribute("name","checked8")
	   qhf.setAttribute("name","checked9")
	</script>
</html>
